<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="CSS/air_ticket_order.css" />
	</head>

	<body>
		<div id="header" class="header">
			<a href="#" class="header_img"><img src="Img/logo.png" /></a>
			<ul>
				<li>
					<a href="about_company.html">关于公司</a>
				</li>
				<li>
					<a href="landscape_appreciation.html">风景欣赏</a>
				</li>
				<li class="nav_jipiaodinggou">
					<a href="air_ticket_order.html">机票订购</a>
				</li>
				<li>
					<a href="tourism_consulting.html">旅游资讯</a>
				</li>
				<li>
					<a href="index.html">首页</a>
				</li>
			</ul>
		</div>
		<div class="header2">
			<a href="#" class="header_img"><img src="Img/logo.png" /></a>
			<ul>
				<li>
					<a href="#">公司</a>
				</li>
				<li class="nav_jipiaodinggou">
					<a href="#">机票</a>
				</li>
				<li>
					<a href="#">资讯</a>
				</li>
				<li>
					<a href="#">首页</a>
				</li>
			</ul>
		</div>
		<div id="content" class="content">
			<div id="banner" class="banner">
				<div class="banner_word">
					<h1>票务订购</h1>
					<span><b>各种飞机票、火车票、汽车票和轮渡票的订购服务</b></span>
				</div>
			</div>
			<div id="show" class="show">
				<div id="left" class="left">
					<div class="left_banxin">
						<br />
						<div class="jipiaoyuding_all">
							<h2>机票预定</h2>
							<br />
							<hr style="height:1px;border:none;border-top:1px dashed #515151;" />
							<br />
							<ul>
								<li style="font-size: 20px;">航程类型</li>
								<li style="font-size: 20px;">
									<a href="#" class="dancheng">单程</a>
								</li>
								<li style="font-size: 20px;">
									<a href="#" class="wangfan">往返</a>
								</li>
							</ul>
							<br />
							<ul class="jipiaoyuding">
								<li class="jipiaoyuding_1" style="font-size: 20px;">出发城市 <input type="text" name="" id="" value="城市名" style="height: 20px;border-radius: 5px;" /></li>
								<li class="jipiaoyuding_2" style="font-size: 20px;">出发时间 <input type="text" name="" id="" value="时间/日期" style="height: 20px;border-radius: 5px;" /></li>
								<li class="jipiaoyuding_3" style="font-size: 20px;">返回城市 <input type="text" name="" id="" value="城市名" style="height: 20px;border-radius: 5px;" /></li>
								<li class="jipiaoyuding_4" style="font-size: 20px;">返回时间 <input type="text" name="" id="" value="时间/日期" style="height: 20px;border-radius: 5px;" /></li>
							</ul>
							<a href="#">
								<div class="button_dingpiao">
									<span>订票</span>
								</div>
							</a>
						</div>
						<div class="zuixinjipiao">
							<h2>最新机票</h2>
							<br />
							<hr style="height:1px;border:none;border-top:1px dashed #515151;" />
							<br />
							<div class="remenchengshi">
								<div class="zuixinjipiao_1">
									<ul class="zuixinjipiao_1_ul">
										<li>热门城市：</li>
										<li class="renmenchengshi_li">
											<a href="#">北京</a>
										</li>
										<li class="renmenchengshi_li">
											<a href="#">上海</a>
										</li>
										<li class="renmenchengshi_li">
											<a href="#">广州</a>
										</li>
										<li class="renmenchengshi_li">
											<a href="#">深圳</a>
										</li>
										<li class="renmenchengshi_li">
											<a href="#">重庆</a>
										</li>
										<li class="renmenchengshi_li">
											<a href="#">成都</a>
										</li>
										<li class="renmenchengshi_li">
											<a href="#">杭州</a>
										</li>
										<li class="renmenchengshi_li">
											<a href="#">南京</a>
										</li>
									</ul>
									<br />
								</div>
								<div class="zuixinjipiao_3">
									<ul>
										<li class="zuixinjipiao_2_luxian">路线</li>
										<li class="zuixinjipiao_2_luxian">日期</li>
										<li class="zuixinjipiao_2_luxian">价格</li>
										<li class="zuixinjipiao_2_luxian">税费</li>
										<li class="zuixinjipiao_2_hangban">餐食</li>
										<li class="zuixinjipiao_2_hangban">航班</li>
										<li>预定</li>
									</ul>
								</div>
								<div class="zuixinjipiao_2	">
									<ul>
										<li class="zuixinjipiao_2_luxian">北京-成都</li>
										<li class="zuixinjipiao_2_luxian" id="zixin">10-15</li>
										<li class="zuixinjipiao_2_luxian" id="qian">
											<p style="color: #ff6600;"><b>￥745</b></p>
										</li>
										<li class="zuixinjipiao_2_luxian"><b>￥50</b></p>
										</li>
										<li class="zuixinjipiao_2_hangban" id="zuixinjipiao">有</li>
										<li class="zuixinjipiao_2_hangban">春秋航空</li>
										<li class="zuixinjipiao_2_li_a">
											<a href="#">预定</a>
										</li>
									</ul>
								</div>
								<div class="zuixinjipiao_4	">
									<ul>
										<li class="zuixinjipiao_2_luxian">北京-上海</li>
										<li class="zuixinjipiao_2_luxian" id="zixin">10-15</li>
										<li class="zuixinjipiao_2_luxian" id="qian">
											<p style="color: #ff6600;"><b>￥479</b></p>
										</li>
										<li class="zuixinjipiao_2_luxian"><b>￥45</b></p>
										</li>
										<li class="zuixinjipiao_2_hangban" id="zuixinjipiao">无</li>
										<li class="zuixinjipiao_2_hangban">南方航空</li>
										<li class="zuixinjipiao_4_li_a">
											<a href="#">预定</a>
										</li>
									</ul>
								</div>
								<div class="zuixinjipiao_2	">
									<ul>
										<li class="zuixinjipiao_2_luxian">北京-深圳</li>
										<li class="zuixinjipiao_2_luxian" id="zixin">10-15</li>
										<li class="zuixinjipiao_2_luxian" id="qian">
											<p style="color: #ff6600;"><b>￥561</b></p>
										</li>
										<li class="zuixinjipiao_2_luxian"><b>￥52</b></p>
										</li>
										<li class="zuixinjipiao_2_hangban" id="zuixinjipiao">有</li>
										<li class="zuixinjipiao_2_hangban">西部航空</li>
										<li class="zuixinjipiao_2_li_a">
											<a href="#">预定</a>
										</li>
									</ul>
								</div>
								<div class="zuixinjipiao_4	">
									<ul>
										<li class="zuixinjipiao_2_luxian">北京-杭州</li>
										<li class="zuixinjipiao_2_luxian" id="zixin">10-15</li>
										<li class="zuixinjipiao_2_luxian" id="qian">
											<p style="color: #ff6600;"><b>￥378</b></p>
										</li>
										<li class="zuixinjipiao_2_luxian"><b>￥36</b></p>
										</li>
										<li class="zuixinjipiao_2_hangban" id="zuixinjipiao">无</li>
										<li class="zuixinjipiao_2_hangban">天津航空</li>
										<li class="zuixinjipiao_4_li_a">
											<a href="#">预定</a>
										</li>
									</ul>
								</div>
								<div class="zuixinjipiao_2	">
									<ul>
										<li class="zuixinjipiao_2_luxian">北京-广州</li>
										<li class="zuixinjipiao_2_luxian" id="zixin">10-15</li>
										<li class="zuixinjipiao_2_luxian" id="qian">
											<p style="color: #ff6600;" ><b>￥612</b></p>
										</li>
										<li class="zuixinjipiao_2_luxian"><b>￥44</b></p>
										</li>
										<li class="zuixinjipiao_2_hangban" id="zuixinjipiao">有</li>
										<li class="zuixinjipiao_2_hangban">首都航班</li>
										<li class="zuixinjipiao_2_li_a">
											<a href="#">预定</a>
										</li>
									</ul>
								</div>
								<div class="zuixinjipiao_4	">
									<ul>
										<li class="zuixinjipiao_2_luxian">北京-重庆</li>
										<li class="zuixinjipiao_2_luxian" id="zixin">10-15</li>
										<li class="zuixinjipiao_2_luxian"  id="qian">
											<p style="color: #ff6600;"><b>￥428</b></p>
										</li>
										<li class="zuixinjipiao_2_luxian"><b>￥62</b></p>
										</li>
										<li class="zuixinjipiao_2_hangban" id="zuixinjipiao">有</li>
										<li class="zuixinjipiao_2_hangban">东方航空</li>
										<li class="zuixinjipiao_4_li_a">
											<a href="#">预定</a>
										</li>
									</ul>
								</div>
								<div class="zuixinjipiao_2	">
									<ul>
										<li class="zuixinjipiao_2_luxian">北京-昆明</li>
										<li class="zuixinjipiao_2_luxian" id="zixin">10-15</li>
										<li class="zuixinjipiao_2_luxian" id="qian">
											<p style="color: #ff6600;"><b>￥509</b></p>
										</li>
										<li class="zuixinjipiao_2_luxian"><b>￥35</b></p>
										</li>
										<li class="zuixinjipiao_2_hangban" id="zuixinjipiao">无</li>
										<li class="zuixinjipiao_2_hangban">厦门航空</li>
										<li class="zuixinjipiao_2_li_a">
											<a href="#">预定</a>
										</li>
									</ul>
								</div>
								<div class="zuixinjipiao_4	">
									<ul>
										<li class="zuixinjipiao_2_luxian">北京-厦门</li>
										<li class="zuixinjipiao_2_luxian" id="zixin">10-15</li>
										<li class="zuixinjipiao_2_luxian" id="qian">
											<p style="color: #ff6600;"><b>￥893</b></p>
										</li>
										<li class="zuixinjipiao_2_luxian"><b>￥73</b></p>
										</li>
										<li class="zuixinjipiao_2_hangban" id="zuixinjipiao">有</li>
										<li class="zuixinjipiao_2_hangban">深圳航空</li>
										<li class="zuixinjipiao_4_li_a">
											<a href="#">预定</a>
										</li>
									</ul>
								</div>
								<div class="zuixinjipiao_2	">
									<ul>
										<li class="zuixinjipiao_2_luxian">北京-长沙</li>
										<li class="zuixinjipiao_2_luxian" id="zixin">10-15</li>
										<li class="zuixinjipiao_2_luxian" id="qian">
											<p style="color: #ff6600;"><b>￥663</b></p>
										</li>
										<li class="zuixinjipiao_2_luxian"><b>￥46</b></p>
										</li>
										<li class="zuixinjipiao_2_hangban" id="zuixinjipiao">无</li>
										<li class="zuixinjipiao_2_hangban">四川航空</li>
										<li class="zuixinjipiao_2_li_a">
											<a href="#">预定</a>
										</li>
									</ul>
								</div>
								<div class="zuixinjipiao_end">
									<span><a href="#">加载更多航班...</a></span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div id="right" class="right">
					<br/>
					<div class="jingdiantuijian_banxin">
						<div class="jingdiantuijian_all">
							<h2>景点推荐</h2>
							<br>
							<hr style="height:1px;border:none;border-top:1px dashed #515151;" />
						</div>
						<div class="jingdiantuijian_1">
							<ul>
								<li class="jingdiantuijian_1_li">
									<a href="#">曼谷（12）</a>
								</li>
								<li class="jingdiantuijian_1_li">
									<a href="#">东京（5）</a>
								</li>
								<li class="jingdiantuijian_1_li">
									<a href="#">西双版纳（8）</a>
								</li>
							</ul>
						</div>
						<div class="jingdiantuijian_1">
							<ul>
								<li class="jingdiantuijian_1_li">
									<a href="#">漓江（16）</a>
								</li>
								<li class="jingdiantuijian_1_li">
									<a href="#">呼伦贝尔（4）</a>
								</li>
								<li class="jingdiantuijian_1_li">
									<a href="#">首尔（9）</a>
								</li>
							</ul>
						</div>
						<div class="jingdiantuijian_1">
							<ul>
								<li class="jingdiantuijian_1_li">
									<a href="#">巴厘岛（15）</a>
								</li>
								<li class="jingdiantuijian_1_li">
									<a href="#">土耳其（22）</a>
								</li>
								<li class="jingdiantuijian_1_li">
									<a href="#">夏威夷（5）</a>
								</li>
							</ul>
						</div>
						<div class="jingdiantuijian_1">
							<ul>
								<li class="jingdiantuijian_1_li">
									<a href="#">巴厘岛（11）</a>
								</li>
								<li class="jingdiantuijian_1_li">
									<a href="#">毛里求斯（7）</a>
								</li>
								<li class="jingdiantuijian_1_li">
									<a href="#">吉普岛（4）</a>
								</li>
							</ul>
						</div>
						<div class="jingdiantuijian_1">
							<ul>
								<li class="jingdiantuijian_1_li">
									<a href="#">希腊（18）</a>
								</li>
								<li class="jingdiantuijian_1_li">
									<a href="#">法瑞意（8）</a>
								</li>
								<li class="jingdiantuijian_1_li">
									<a href="#">马尔代夫（9）</a>
								</li>
							</ul>
						</div>
						<div class="jingdiantuijian_1">
							<ul>
								<li class="jingdiantuijian_1_li">
									<a href="#">新西兰（16）</a>
								</li>
								<li class="jingdiantuijian_1_li">
									<a href="#">埃及（11）</a>
								</li>
								<li class="jingdiantuijian_1_li">
									<a href="#">迪拜（14）</a>
								</li>
							</ul>
						</div>
						<div class="jingdiantuijian_1">
							<ul>
								<li class="jingdiantuijian_1_li">
									<a href="#">斯里兰卡（7）</a>
								</li>
								<li class="jingdiantuijian_1_li">
									<a href="#">麦哈顿（3）</a>
								</li>
								<li class="jingdiantuijian_1_li">
									<a href="#">大阪（15）</a>
								</li>
							</ul>
						</div>
						<div class="remailvyou_h2">
							<h2>热卖旅游</h2>
						</div>
						<a href="#">
							<div class="remailvyou_tupian">
								<img src="Img/hot1.jpg" /> 曼谷-芭提雅6日游
							</div>
						</a>
						<a href="#">
							<div class="remailvyou_tupian">
								<img src="Img/hot2.jpg" /> 马尔代夫双鱼双日游
							</div>
						</a>
						<a href="#">
							<div class="remailvyou_tupian">
								<img src="Img/hot3.jpg" /> 海南双飞5日游
							</div>
						</a>
						<a href="#">
							<div class="remailvyou_tupian">
								<img src="Img/hot4.jpg" /> 富山大阪东京8日游
							</div>
						</a>
						<a href="#">
							<div class="remailvyou_tupian">
								<img src="Img/hot5.jpg" /> 法瑞意12日游
							</div>
						</a>
						<a href="#">
							<div class="remailvyou_tupian">
								<img src="Img/hot6.jpg" /> 巴黎岛6日游
							</div>
						</a>
						<a href="#">
							<div class="remailvyou_tupian">
								<img src="Img/hot7.jpg" /> 塞舌尔迪拜9日游
							</div>
						</a>
						<a href="#">
							<div class="remailvyou_tupian">
								<img src="Img/hot8.jpg" /> 花样土耳其10日游
							</div>
						</a>
						<div class="lvyoubaibaoxiang_h2">
							<h2>旅游百宝箱<h2/>
							</div>
							<div class="lvyoubaibaoxiang_neirong">
								<ul>
									<a href="#"><li><img src="Img/trea1.png"/>天气预报</li></a>
									<a href="#"><li><img src="Img/trea2.png"/>火车票查询</li></a>
									<a href="#"><li><img src="Img/trea3.png"/>航空查询</li></a>
									<a href="#"><li><img src="Img/trea4.png"/>地铁线路查询</li></a>
								</ul>
							</div>
					</div>
				</div>
			</div>
		</div>
		<div id="footer" class="footer">
			<div id="list" class="list">
				<div class="footer_h2_ul">
					<ul>
						<li class="footer_h2_ul_li1"><h2>合作伙伴</h2></li>
							<li class="footer_h2_ul_li2">
								<h2>旅游FAQ</h2></li>
							<li class="footer_h2_ul_li2">
								<h2>联系方式</h2></li>
							</ul>
						</div>
						<div class="footer_hr">
							<hr style="height:1px;border:none;border-top:1px dashed #515151;" />
						</div>
						<div class="footer_hezuohuoban">
							<ul>
								<li>
									<a href="">途牛旅游网</a>
								</li>
								<li>
									<a href="">驴妈妈旅游网</a>
								</li>
								<li>
									<a href="">携程旅游</a>
								</li>
								<li>
									<a href="">中国青年旅行社</a>
								</li>
								</ui>
						</div>
						<div class="footer_lvyoufaq">
							<ul>
								<li>
									<a href="">旅游合同签订方式？</a>
								</li>
								<li>
									<a href="">儿童价是基于什么制定的？</a>
								</li>
								<li>
									<a href="">旅游的线路品质怎么界定的？</a>
								</li>
								<li>
									<a href="">单房差是什么？</a>
								</li>
								<li>
									<a href="">旅游保险有那些种类？</a>
								</li>
								</ui>
						</div>
						<div class="footer_lianxifangshi">
							<ul>
								<li>地址：重庆市沙坪坝区西永微电子产业园</li>
								<li>总机：023-61691695</li>
								</ui>
						</div>
					</div>
					<div class="pad">
						<ul>
							<a href="#">
								<li>客户端</li>
							</a>
							<li>|</li>
							<a href="#">
								<li>触屏版</li>
							</a>
							<li>|</li>
							<a href="#">
								<li>电脑版</li>
							</a>
						</ul>
					</div>
					<div id="copyright" class="copyright">
						<div class="copyright_banxin">
							<span class="">
						Copyright  YCKU 上善云图旅行网|苏ICP备120110119号|旅游社经营许可证 : L-YC-BK12345
					</span>
						</div>
						<div class="copyright_banxin2">
							<span class="">
						Copyright  YCKU 上善云图旅行网|苏ICP备120110119号
					</span>
						</div>
					</div>
				</div>
	</body>

</html>